<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>所有博客</title>
  <link rel="icon" th:href="@{/blog/images/favicon.ico}" type="image/ico">
  <meta name="keywords" content="blog" />
  <meta name="description" content="blog" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link th:href="@{/blog/css/base.css}" rel="stylesheet">
  <link th:href="@{/blog/css/m.css}" rel="stylesheet">
  <script th:src="@{/dist/jquery/jquery-3.4.1.min.js}"></script>
  <script th:src="@{/blog/js/comm.js}"></script>
  <!--[if lt IE 9]>
  <script th:src="@{/blog/js/modernizr.js}"></script>
  <![自己的css]-->
  <link rel="stylesheet" th:href="@{/css/my.css}">
<!--  layui-->
  <link rel="stylesheet" th:href="@{/layui/css/layui.css}"  media="all">
  <script th:src="@{/layui/layui.js}" charset="utf-8"></script>

  <style>
    .jkl{
      width: 75%;
      margin: 0 auto;
    }
  </style>
</head>
<body>
<!--top begin-->
<header th:replace="blog/header::header-fragment"></header>
<!--top end-->
<article>


  <!--lbox begin-->
  <div class="jkl">
    <div class="qiuyangbeijing">
      <form class="layui-form" th:action="@{/findByTitle/1}">
      <div class="layui-form-item">
        <div class="layui-input-block">
          <input style="width: 70%" type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input ">
          <button type="submit" class="layui-btn layui-layout-right" lay-submit="" lay-filter="demo1">立即提交</button>
        </div>
      </div>
      </form>
    </div>

    <div class="whitebg bloglist">
      <h2 class="htitle">所有博客</h2>
      <ul th:each="list,listBlogPage : ${list.list}">
        <hr>
        <li >
          <a th:href="@{/blog/{id}(id=${list.id})}" target="_blank"><h3 class="blogtitle">[[${list.title}]]</h3></a>
          <span class="blogpic imgscale"><i><a th:href="@{/blog/{id}(id=${list.id})}" th:text="${list.flag}"></a></i><a th:href="@{/blog/{id}(id=${list.id})}" title=""><img th:src="@{${list.firstPicture}}" alt=""></a></span>
          <p class="blogtext" th:text="${list.context}"></p>
          <p class="bloginfo"><span th:text="${#dates.format(list.updateTime,'yyyy-MM-dd')}"></span><span>【<a th:href="@{/types/{id}(id=${list.typeId})}" th:text="${list.type.name}" ></a>】</span></p>
          <a th:href="@{/blog/{id}(id=${list.id})}" class="viewmore">阅读更多</a>
        </li>
      </ul>

      <!--pagelist-->
      <div class="pagelist">
        <a title="Total record">&nbsp;<b >[[${list.total}]]</b></a>&nbsp;&nbsp;&nbsp;
        <a th:href="@{/list/{pageNum}(pageNum=${list.prePage})}" th:if="${list.hasPreviousPage}" >上一页</a>&nbsp;
        <b th:text="${list.pageNum}"><a th:href="@{/list/(pageNum=${list.nextPage})}" ></a></b>&nbsp;
        <a th:href="@{/list/{pageNum}(pageNum=${list.pageNum + 1})}" th:if="${list.hasNextPage}" >[[${list.pageNum + 1}]]</a>&nbsp;
        <a th:href="@{/list/{pageNum}(pageNum=${list.nextPage})}" th:unless="${list.isLastPage}">下一页</a>
        <a th:href="@{/list/{pageNum}(pageNum=${list.pages})}" th:unless="${list.isLastPage}" >尾页</a>&nbsp;
      </div>

      <!--pagelist end-->
    </div>

    </div>

    
    <!--bloglist end--> 
  </div>
  <div class="rbox">
    <div th:replace="blog/sider::sider-fragment"></div>
  </div>
</article>
<footer th:replace="blog/footer::footer-fragment"></footer>





</body>
</html>
